<%-- 
  - Author: Sergey Manoylo
  - Date: 10-Mar-2012
  - Copyright Notice: TRAKHEES
  - Description: SummaryTab.jsp
--%>

<%@ include file="/WEB-INF/view/include.jsp"%>

<div id="MainDetails">	
	
	<fieldset>
	 	<legend><spring:message code="ctn.noc.emp.det.label" /></legend>
	</fieldset>
	
	<div class="t_form-top">
		<div class="t_select_employee">
			<label for="employeeId" ><spring:message code="message.employee.id" /><span class="required-field"><spring:message code="label.field.required" /></span></label>
			<input type="text"  id="employeeId" name="employeeId" value="${nocAndLettersModel.employeeId}" readonly="readonly" />
			<button type="button" onclick="openInGrid()" class="button_small" ><spring:message code="message.select.employee" /></button>
		</div>
	</div>
	
	<div class="t_form-left">
		<label for="empNameEn"><spring:message code="ctn.employee.name" /></label>
		<input type="text" id="employeeNameEng" name="employeeNameEng" disabled="disabled" />
		
		<label for="empNationality"><spring:message code="ctn.employee.nationality" /></label>
		<input type="text" id="employeeNationality" name="employeeNationality" disabled="disabled" />
	</div>
	<div class="t_form-right">
		<label for="employeeNameArab"><spring:message code="ctn.employee.name.ar" /></label>
		<input type="text" id="employeeNameArab" name="employeeNameArab" disabled="disabled" />
		
		<label for="secNumber"><spring:message code="ctn.employee.cec.no" /></label>
		<input type="text" id="employeeCecNumber" name="employeeCecNumber" disabled="disabled" />
	</div>
	
	<fieldset>
	 	<legend><spring:message code="ctn.noc.subm.label" /></legend>
	</fieldset>
	
	<div class="t_form-left">
		<div>
			<div><form:label path="textFormat" ><spring:message code="ctn.noc.text.format" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
			<div><form:select path="textFormat" id ="textFormat">
				<form:option value=""></form:option>
				<form:option value="English"><spring:message code="language.en" /></form:option>
				<form:option value="Arabic"><spring:message code="language.ar" /></form:option>
			</form:select></div>
		</div>

		<div id="nocAndLettersCont" style="display: none;">
			<div><form:label path="nocAndLetters" ><spring:message code="ctn.noc.noc.sc.let" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
        <div><c:choose>
			<c:when	test='${requestScope.requestContextAttribute.locale.language == "ar"}'>
				<form:select path="nocAndLetters" items="${nocLettersList}" itemLabel="labelAr" itemValue="id">
				</form:select>
			</c:when>
			<c:otherwise>
				<form:select path="nocAndLetters" items="${nocLettersList}" itemLabel="labelEn" itemValue="id">
				</form:select>
			</c:otherwise>
		</c:choose></div>
		</div>			
		
		<div>
		<div><form:label path="to" ><spring:message code="ctn.noc.to" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
		<div><form:input path="to" maxlength="30"/></div>
		</div>
		
		<div>
		<div><form:label path="location" ><spring:message code="ctn.noc.location" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
		<div><form:input path="location" maxlength="30"/></div>
		</div>
		
		<div>
		<div><form:label path="signature" ><spring:message code="ctn.noc.sign" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
        <div><c:choose>
			<c:when	test='${requestScope.requestContextAttribute.locale.language == "ar"}'>
				<form:select path="signature" items="${signatureList}" itemLabel="labelAr" itemValue="id">
				</form:select>
			</c:when>
			<c:otherwise>
				<form:select path="signature" items="${signatureList}" itemLabel="labelEn" itemValue="id">
				</form:select>
			</c:otherwise>
		</c:choose></div>
		</div>			
	</div>
	
	<div class="t_form-right">
		<div style="display: none" class="changableField countryCont">
			<div><form:label path="country"><spring:message code="ctn.noc.country" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
               <c:choose>
				<c:when	test='${requestScope.requestContextAttribute.locale.language == "ar"}'>
					<div><form:select path="country" items="${countryList}" itemLabel="labelAr" itemValue="id" /></div>
				</c:when>
				<c:otherwise>
					<div><form:select path="country" items="${countryList}" itemLabel="labelEn" itemValue="id" /></div>
				</c:otherwise>
			</c:choose>
		</div>
		
		<div style="display: none" class="changableField periodCont">
			<div><form:label path="period" ><spring:message code="ctn.noc.period" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
			<div><form:input path="period" maxlength="30"/></div>
		</div>
		
		<div style="display: none" class="changableField lostTextCont">
			<div><form:label path="lostText" ><spring:message code="ctn.noc.losttext" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
			<div><form:input path="lostText" maxlength="50"/></div>
		</div>
		
		<div style="display: none" class="changableField plateNoCont">
			<div><form:label path="plateNo" ><spring:message code="ctn.noc.plateno" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
			<div><form:input path="plateNo" maxlength="10"/></div>
		</div>
		<div style="display: none" class="changableField carOwnerCont">
			<div><form:label path="carOwner" ><spring:message code="ctn.noc.carowner" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
			<div><form:input path="carOwner" maxlength="20"/></div>
		</div>
		<div style="display: none" class="changableField carTypeCont">
			<div><form:label path="carType" ><spring:message code="ctn.noc.cartype" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
			<div><form:input path="carType" maxlength="10"/></div>
		</div>
		<div style="display: none" class="changableField carColorCont">
			<div><form:label path="carColor" ><spring:message code="ctn.noc.carcolour" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
			<div><form:input path="carColor" maxlength="10"/></div>
		</div>
		<div style="display: none" class="changableField machineNoCont">
			<div><form:label path="machineNo" ><spring:message code="ctn.noc.machineno" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
			<div><form:input path="machineNo" maxlength="15"/></div>
		</div>
		<div style="display: none" class="changableField shasyNoCont">
			<div><form:label path="shasyNo" ><spring:message code="ctn.noc.shohyno" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
			<div><form:input path="shasyNo" maxlength="15"/></div>
		</div>
		<div style="display: none" class="changableField carModelCont">
			<div><form:label path="carModel" ><spring:message code="ctn.noc.carmodel" /><span class="required-field"><spring:message code="label.field.required" /></span></form:label></div>
			<div><form:input path="carModel" maxlength="10"/></div>
		</div>
	</div>
	
	<div id="fm-submit">
		<button  class="button_small" id="Main-Next"  ><spring:message code="button.next" /></button>
	</div>
</div>